<template>
  <el-row :gutter="10">
    <el-col :span="12">
    <ms-skeleton active :paragraph="0" :is-loading="loading">
      <template>
        <span class="task-label">当日信息</span>
        <p class="task-number">
          <a>11</a>
        </p>
      </template>
    </ms-skeleton>
    </el-col>
    <el-col :span="12">
      <ms-skeleton active :paragraph="0" :is-loading="loading">
        <template>
          <span class="task-label">当日数据</span>
          <p class="task-number">
            <a>100</a>
          </p>
        </template>
      </ms-skeleton>
    </el-col>
  </el-row>
</template>

<script>
import MsSkeleton from '@/common/skeleton/components'
export default {
  props: ['loading'],
  components: {
    MsSkeleton
  }
}
</script>

<style lang="stylus" scoped>
  .task-label
    display inline-block
    font-size .95rem
    line-height 32px
    margin-bottom 10px
  .task-number
    line-height 30px
    a
      color red
</style>
